<template>
  <div class="about">
    <h1>Vue3 子应用 - 关于页面</h1>
    <el-card>
      <p>这是 Vue3 子应用的关于页面</p>
      <p>当前时间: {{ currentTime }}</p>
    </el-card>
  </div>
</template>

<script>
import { ref, onMounted } from 'vue'

export default {
  name: 'About',
  setup() {
    const currentTime = ref('')
    
    onMounted(() => {
      currentTime.value = new Date().toLocaleString()
    })
    
    return {
      currentTime
    }
  }
}
</script>

<style scoped>
.about {
  padding: 20px;
}
</style> 